<template>
  <div class="home">
    <TheHeader />
    <HomeFeatureSlides />
    <HomeUserCount />
    <HomeHotTemplate />
    <HomeUserComments />
     <HomeJoin />
    <!-- <HomeFoot /> -->
    <HomeInfo />
    <TheFooter />
    <!-- <HomeUserBottomScrollchart /> -->
   </div>
</template>

<script>
import TheHeader from '@/components/TheHeader.vue';
import HomeFeatureSlides from '@/components/HomeFeatureSlides.vue';
import HomeUserCount from '@/components/HomeUserCount.vue';
import HomeHotTemplate from '@/components/HomeHotTemplate.vue';
import HomeUserComments from '@/components/HomeUserComments.vue';
import HomeJoin from '@/components/HomeJoin.vue';
// import HomeFoot from '@/components/HomeFoot.vue';
import HomeInfo from '@/components/HomeInfo.vue';
import TheFooter from '@/components/TheFooter.vue';

// import HomeUserBottomScrollchart from '@/components/HomeUserBottomScrollchart.vue';

export default {
  components: {
    TheHeader,
    HomeFeatureSlides,
    HomeUserCount,
    HomeHotTemplate,
    HomeUserComments,
    HomeJoin,
    HomeInfo,
    TheFooter,
    // HomeFoot,
    // HomeUserBottomScrollchart,
  },
};
</script>

<style lang="scss" scoped>
.home{
  padding-top: 60px;
}
</style>
